import { request } from "../../request/index.js";
import regeneratorRuntime from '../../lib/runtime/runtime';
Page({
  data: {
    searchList:[],
    // 控制 取消 按钮的显示与隐藏
    isFocus: false,
    // input 的 value 值
    inputValue: ""
  },
  // 防抖（防止抖动）定时器 节流
    // 防抖 一般用于输入框，防止重复输入，重复发送请求
    // 节流 一般使用在页面下拉和上拉
    // 定义全局的定时器 TimeId
  TimeId: -1,
  // 输入框的值改变，就会触发这个事件
  handleInputChange(e){
    let {value} = e.detail;
    if(!value.trim()){
      // 值不合法 trim 删除空格数据
      this.setData({
        searchList: [],
        isFocus: false
      })
      return;
    }
    this.setData({
      isFocus: true
    })
    clearTimeout(this.TimeId)
    this.TimeId = setTimeout(()=>{
      this.querySearch(value)
    },1000)
  },
  async querySearch(query){
    let searchList = await request({url:"/goods/qsearch",data:{query},method:"get"})
    console.log(searchList)
    this.setData({searchList})
  },
  // 点击 search_item 跳转
  handleItem(e){
    console.log(e)
  },
  // 点击取消 重置数组 隐藏按钮
  handleBtn(){

    this.setData({
      searchList: [],
      isFocus: false,
      inputValue: ''
    })
  }
})